@charset "utf-8";
/* CSS Document */
/**
  * @filename	:base.css
  * @author		:Pom
  * @email		:studicms@live.cn
  * @time		:2010-10-12
  * @type		:基类
  * @explain	:底层样式 include Css Reset and custom css style
  * @version	:1.0
  */
/*	Css reset	*/
a,abbr,acronym,address,applet,article,aside,audio,
b,big,blockquote,body,button,
canvas,caption,center,cite,code,
dd,del,details,dfn,dialog,div,dl,dt,
em,embed,
fieldset,figcaption,figure,font,footer,form,
h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,
i,iframe,img,ins,
kbd,
label,legend,li,
mark,menu,meter,
nav,
object,ol,output,
p,pre,progress,
q,
rp,rt,ruby,
s,samp,section,small,span,strike,strong,sub,summary,sup,
table,tbody,td,tfoot,th,thead,time,tr,tt,
u,ul,
var,video{
	/*
	 all document do reset (included html5 of add elements)
	 */
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline:0 none;
}
article,aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}
img {

  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}
b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
li {
/*
  For IE6 + IE7.
*/
  display: list-item;
  list-style:none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
address,caption,cite,code,dfn,em,var,small{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
/*	clearfix   */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; } 
.ofh{overflow:hidden;}
.ofv{overflow:visible;}
.db { display: block; } 
/*	font-typeset  */
.fz11p{font-size:11px;}
.fz12p{font-size:12px;}
.fz13p{font-size:13px;}
.fz14p{font-size:14px;}
.fz16p{font-size:16px;}
.fz20p{font-size:20px;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.ti2{text-indent:2em;}
.ti-999{text-indent:-999em;}
.lh150b{line-height:150%;}
.lh180b{line-height:180%;}
.lh200b{line-height:200%;}
.lh15e{line-height:1.5em;}
.lh18e{line-height:1.8em;}
.lh20e{line-height:2em;}
.lh22e{line-height:2.2em;}
.lh30e{line-height:3em;}
.tdu{text-decoration:underline;}
.tdn{text-decoration:none;}

/*	position   */
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.bgc{margin:0 auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.abs-left{position:absolute;left:0;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}

/*	width and height   */
.wi{width:inherit;}
.w100b{width:100%;}
.w99b{width:99%;}
.w98b{width:98%;}
.w10p{width:10px;}
.w20p{width:20px;}
.w30p{width:30px;}
.w40p{width:40px;}
.w50p{width:50px;}
.w60p{width:60px;}
.w70p{width:70px;}
.w80p{width:80px;}
.w90p{width:90px;}
.w100p{width:100px;}
.w150p{width:150px;}
.w200p{width:200px;}
.w300p{width:300px;}
.w400p{width:400px;}
.w500p{width:500px;}
.w600p{width:600px;}
.w700p{width:700px;}
.w800P{width:800px;}
.w900P{width:900px;}
.w960p{width:960px;}
.w970p{width:970px;}
.w980p{width:980px;}
.w990p{width:990px;}
.w1000p{width:1000px;}
.w1080p{width:1080px;}
.w5e{width:5em;}
.w6e{width:6em;}
.w7e{width:7em;}
.w8e{width:8em;}
.w9e{width:9em;}
.w10e{width:10em;}
.w20e{width:20em;}
.w30e{width:30em;}
.w40e{width:40em;}
.w50e{width:50em;}
.w60e{width:60em;}
.w70e{width:70em;}
.w80e{width:80em;}
.w90e{width:90em;}
.w100e{width:100em;}
.h100b{height:100%;}
.h99b{height:99%;}
.h98b{height:98%;}
.h50p{height:50px;}
.h100p{height:100px;}
.h200p{height:200px;}
.h300p{height:300px;}
.ha{height:auto;}

/*	margin and padding   */
.m5p{margin:5px;}
.m10p{margin:10px;}
.m15p{margin:15px;}
.m20p{margin:20px;}
.m30p{margin:30px;}
.mt1p{margin-top:1px;}
.mt5p{margin-top:5px;}
.mt10p{margin-top:10px;}
.mt15p{margin-top:15px;}
.mt20p{margin-top:20px;}
.mt25p{margin-top:25px;}
.mt30p{margin-top:30px;}
.mt50p{margin-top:50px;}
.mt100p{margin-top:100px;}
.mb5p{margin-bottom:5px;}
.mb10p{margin-bottom:10px;}
.mb15p{margin-bottom:15px;}
.mb20p{margin-bottom:20px;}
.mb30p{margin-bottom:30px;}
.mb25p{margin-bottom:25px;}
.mb50p{margin-bottom:50px;}
.mb100p{margin-bottom:100px;}
.ml5p{margin-left:5px;}
.ml6p{margin-left:6px;}
.ml10p{margin-left:10px;}
.ml15p{margin-left:15px;}
.ml20p{margin-left:20px;}
.ml30p{margin-left:30px;}
.ml45p{margin-left:45px;}
.ml50p{margin-left:50px;}
.ml75p{margin-left:75px;}
.ml100p{margin-left:100px;}
.ml115p{margin-left:115px;}
.ml120p{margin-left:120px;}
.ml135p{margin-left:135px;}
.ml175p{margin-left:175px;}
.mr5p{margin-right:5px;}
.mr10p{margin-right:10px;}
.mr15p{margin-right:15px;}
.mr20p{margin-right:20px;}
.mr30p{margin-right:30px;}
.mr50p{margin-right:50px;}
.mr75p{margin-right:75px;}
.mr100p{margin-right:100px;}
.p5p{padding:5px;}
.p10p{padding:10px;}
.p15p{padding:15px;}
.p20p{padding:20px;}
.p30p{padding:30px;}
.p40p{padding:40px;}
.pt5p{padding-top:5px;}
.pt10p{padding-top:10px;}
.pt15p{padding-top:15px;}
.pt20p{padding-top:20px;}
.pt30p{padding-top:30px;}
.pb5p{padding-bottom:5px;}
.pb10p{padding-bottom:10px;}
.pb15p{padding-bottom:15px;}
.pb20p{padding-bottom:20px;}
.pb30p{padding-bottom:30px;}
.pb50p{padding-bottom:50px;}
.pb100p{padding-bottom:100px;}
.pl5p{padding-left:5px;}
.pl10p{padding-left:10px;}
.pl15p{padding-left:15px;}
.pl20p{padding-left:20px;}
.pl30p{padding-left:30px;}
.pl50p{padding-left:50px;}
.pl100p{padding-left:100px;}
.pr5p{padding-right:5px;}
.pr10p{padding-right:10px;}
.pr8p{padding-right:8px;}
.pr15p{padding-right:15px;}
.pr20p{padding-right:20px;}
.pr30p{padding-right:30px;}
.pr50p{padding-right:50px;}
.pr100p{padding-right:100px;}

